<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.navs{
				background-color: pink;
				color: black;
				height: 20px;
				width: 150px;
				font-size: 23px;
			}
			header{
				text-align:center;
			}
			.bzkx{
				text-align:center;
			}
			.xhtj{
				text-align:center;
			}
			.xhdg{
				text-align:center;
			}
			.tp{
				width: 100px;
				height: 100px;
			}
			.nametext{
				color: darkorange;
				text-align: center;
				font-size: 13px;
			}
			.Pricetext{
				text-align: center;
			}
			#someabout{
				width: 650px;
				height: 200px;
				margin: 0 auto;
				position: relative;
			}
			header nav div{
				width: 124px;
				display: inline-block;
				background-color: pink;
			}
			.imgsss{
				list-style:inside url(img/icon1.gif);
				font-size: 10px;
				padding-left: 20px;
				padding-top: 0px;
			}
			div ul hr{
				border:1px dashed black;
			}
			.imgsss2{
				list-style:inside url(img/icon2.gif);
			}
		</style>
		<link  href="css/flower.css" type="text/css" rel="stylesheet"/>
	</head>
	<body style="width: 900px;">
		<header>
			<div>
				<img src="img/head.jpg" width="900px"/>
			</div>
			<nav>
				<div>
				<span class="navs">鲜花礼品</span>
				</div>
				<div>
				<span class="navs">自助订花</span>
				</div>
				<div>
				<span class="navs">绿色植物</span>
				</div>
				<div>
				<span class="navs">花之物语</span>
				</div>
				<div>
				<span class="navs">会员中心</span>
				</div>
				<div>
				<span class="navs">联系我们</span>
				</div>
				<div>
				<span class="navs">支付方式</span>
				</div>
			</nav>
		</header>
		<div style="width: 220; height: 140px;display: inline-block;float: left;">
			<br />
			<img src="img/login.jpg"/>
			<p>用户:<input type="text" style="width: 140px;"></p>
			<p>密码:<input type="text" style="width: 140px;"></p>
			<div>
				<input type="submit" value="提交"  style="width: 80px;"/>
				<input type="submit" value="注册"  style="width: 80px;"/>
			</div>
		</div>
		<div class="bzkx">
			<br />
			<div>
				<img src="img/hr1.jpg" width="680px"/>
			</div>
			<div>
				<img src="img/new1.jpg" width="220px"/>
				<img src="img/new2.jpg" width="220px"/>
				<img src="img/new3.jpg" width="220px"/>
			</div>
		</div>
		<div style="width: 220; height: 1800px;display: inline-block;float: left;">
			<img src="img/category.jpg"/>
			<div style="width: 210px;background-color: #FFC0CB;">用途</div>
			<ul class="imgsss">
				<li>爱情鲜花</li>
				<hr />
				<li>生日送花</li>
				<hr />
				<li>新年送花</li>
				<hr />
				<li>家庭送花</li>
				<hr />
				<li>亲情送花</li>
				<hr />
				<li>道歉送花</li>
				<hr />
				<li>开业花篮</li>
				<hr />
				<li>会议用花</li>
				<hr />
			</ul>
			
			<div style="width: 210px;background-color: orange;">花材</div>
			<ul class="imgsss">
				<li>玫瑰花</li>
				<hr />
				<li>百合花</li>
				<hr />
				<li>郁金香</li>
				<hr />
				<li>太阳花</li>
				<hr />
				<li>康乃馨</li>
				<hr />
				<li>马蹄莲</li>
				<hr />
				<li>扶朗</li>
				<hr />
				<li>剑兰</li>
				<hr />
			</ul>
			
			<div style="width: 210px;background-color: orange;">价格</div>
			<ul class="imgsss">
				<li>100-200元</li>
				<hr />
				<li>200-300元</li>
				<hr />
				<li>300-400元</li>
				<hr />
				<li>400~500元</li>
				<hr />
				<li>500-600元</li>
				<hr />
				<li>600-800元</li>
				<hr />
				<li>800元以上</li>
				<hr />
			</ul>
		</div>
		<div class="xhtj">
			<br />
			<div>
				<img src="img/hr2.jpg" width="680px"/>
			</div>
			<div id="flowername">
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower1.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">幸福的味道</a></figcaption>
					<figcaption class="Pricetext">￥288元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower2.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">阳光守护你</a></figcaption>
					<figcaption class="Pricetext">￥300元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower3.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">温情永远</a></figcaption>
					<figcaption class="Pricetext">￥268元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower4.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">爱无界</a></figcaption>
					<figcaption class="Pricetext">￥318元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower5.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">亲亲宝贝</a></figcaption>
					<figcaption class="Pricetext">￥368元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower6.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">相信是缘</a></figcaption>
					<figcaption class="Pricetext">￥188元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower7.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">水晶童话</a></figcaption>
					<figcaption class="Pricetext">￥198元</figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower8.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">天使之爱</a></figcaption>
					<figcaption class="Pricetext">￥268元</figcaption>
				</div>
				
			</div>
		</div>
		<div class="xhdg">
			<div>
				<img src="img/hr4.jpg" width="680px"/>
			</div>
			<div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower9.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">粉色迷情</a></figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower10.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">海岸的优雅</a></figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower11.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">百年地中海</a></figcaption>
				</div>
				<div style="display: inline-block;width: 150px;">
					<img src="img/flower12.jpg" class="tp">
					<figcaption class="nametext"><a href="meshow.html">爱要说出口</a></figcaption>
				</div>
			</div>
		</div>
		<div class="xpsh">
			<br />
			<div>
				<img src="img/hr2.jpg" width="680px"/>
			</div>
			<div style="display: inline-block;width: 330px;">
				<ul class="imgsss2">
					<li>各种鲜花所代表的含义</li>
					<li>养花与养生之道</li>
					<li>花香的味道</li>
					<li>种花与送花</li>
				</ul>
			</div>
			<div style="display: inline-block;width: 330px;">
				<ul class="imgsss2">
					<li>花的喜怒哀乐和人的各种感觉</li>
					<li>每天清晨的第一缕阳光</li>
					<li>世界各地关于送花的习俗</li>
					<li>手捧一束鲜花的等待</li>
				</ul>
			</div>
		</div>
	</body>
</html>
